<template>
  <div class="error-container">
    <el-alert
      :title="title"
      :description="description"
      type="error"
      show-icon
      :closable="closable"
    />
  </div>
</template>

<script lang="ts" setup>
defineProps<{
  title: string;
  description?: string;
  closable?: boolean;
}>();
</script>

<style lang="scss" scoped>
.error-container {
  padding: 20px;
}
</style> 